<table class="table table-striped table-bordered table-hover">
                  <thead>
                  <tr>
                      <th class="center">
                          <label class="position-relative">
                              <input type="checkbox" class="ace">
                              <span class="lbl"></span>
                          </label>
                      </th>
                      <th>Hình ảnh</th>
                      <th>Tên</th>
                  </tr>
                  </thead>
                  <tbody>
                      <tr>
                          <div class="" ng-show="loading" style="text-align: center;">
                              <span class="ace-icon fa fa-spinner fa-spin bigger-125"></span>
                          </div>
                      </tr>
                      {% for item in pager  %}
                          <tr>
                              <td class="center">
                                  <label class="position-relative">
                                      <input type="checkbox" class="ace" name="selectActor[]" ng-model="formSelectActor.selectActor[{{ item.getId() }}]">
                                      <span class="lbl"></span>
                                  </label>
                              </td>
                              <td>{{ item.getName() }}</td>
                              <td>{{ item.getName() }}</td>
                          </tr>
                      {% endfor %}
                  </tbody>
              </table>
              {% if pager.haveToPaginate() %}
                  {# Render the navigation #}
                  {{ pager.getLayout() }}
              {% endif %}